<template>
  <div class="odds frame_content m10">
    <div class="wrap1">
      <table class="common" gameid="5">
        <tbody>
          <tr>
            <td colspan="8">重庆时时彩限额：</td>
          </tr>
          <tr>
            <td colspan="8" style="color:red" class="tableleft">1-5球猜数字</td>
          </tr>
          <tr class="unitRow">
            <td class="tableleft">最小投注限额</td>
            <td>
              <input type="text" name="10042" value="2" oldval="2" />
            </td>
            <td class="tableleft">个人最大投注</td>
            <td>
              <input type="text" name="10042" value="20000" oldval="20000" />
            </td>
            <td class="tableleft">所有人最大投注</td>
            <td>
              <input type="text" name="10042" value="60000" oldval="60000" />
            </td>
            <td class="tableleft">网盘单手限额</td>
            <td>
              <input type="text" name="10042" value="5000" oldval="5000" />
            </td>
          </tr>
          <tr>
            <td colspan="8" style="color:red" class="tableleft">
              总和猜大小单双
            </td>
          </tr>
          <tr class="unitRow">
            <td class="tableleft">最小投注限额</td>
            <td>
              <input type="text" name="10040" value="2" oldval="2" />
            </td>
            <td class="tableleft">个人最大投注</td>
            <td>
              <input type="text" name="10040" value="20000" oldval="20000" />
            </td>
            <td class="tableleft">所有人最大投注</td>
            <td>
              <input type="text" name="10040" value="60000" oldval="60000" />
            </td>
            <td class="tableleft">网盘单手限额</td>
            <td>
              <input type="text" name="10040" value="5000" oldval="5000" />
            </td>
          </tr>
          <tr>
            <td colspan="8" style="color:red" class="tableleft">猜龙虎</td>
          </tr>
          <tr class="unitRow">
            <td class="tableleft">最小投注限额</td>
            <td>
              <input type="text" name="10041" value="2" oldval="2" />
            </td>
            <td class="tableleft">个人最大投注</td>
            <td>
              <input type="text" name="10041" value="20000" oldval="20000" />
            </td>
            <td class="tableleft">所有人最大投注</td>
            <td>
              <input type="text" name="10041" value="60000" oldval="60000" />
            </td>
            <td class="tableleft">网盘单手限额</td>
            <td>
              <input type="text" name="10041" value="5000" oldval="5000" />
            </td>
          </tr>
          <tr>
            <td colspan="8" style="color:red" class="tableleft">猜前中后三</td>
          </tr>
          <tr class="unitRow">
            <td class="tableleft">最小投注限额</td>
            <td>
              <input type="text" name="10043" value="2" oldval="2" />
            </td>
            <td class="tableleft">个人最大投注</td>
            <td>
              <input type="text" name="10043" value="20000" oldval="20000" />
            </td>
            <td class="tableleft">所有人最大投注</td>
            <td>
              <input type="text" name="10043" value="60000" oldval="60000" />
            </td>
            <td class="tableleft">网盘单手限额</td>
            <td>
              <input type="text" name="10043" value="5000" oldval="5000" />
            </td>
          </tr>
          <tr>
            <td colspan="8">
              <a href="javascript:void(0);" class="btn btn-info saveUnitBtn"
                >保存</a
              >
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="wrap2" style="margin-bottom: 40px">
      <table class="common" gameid="5">
        <tbody>
          <tr>
            <td colspan="6">重庆时时彩赔率：</td>
          </tr>
          <tr>
            <td colspan="6">
              <span style="color:#0FE836"> 1-5球猜数字 </span>
              <span>(赔率格式为数字)</span>
            </td>
          </tr>
          <tr>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              数字0
            </td>
            <td>
              <input type="text" name="B1_0" value="9.7" oldval="9.7" />
            </td>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              数字1
            </td>
            <td>
              <input type="text" name="B1_1" value="9.7" oldval="9.7" />
            </td>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              数字2
            </td>
            <td>
              <input type="text" name="B1_2" value="9.7" oldval="9.7" />
            </td>
          </tr>
          <tr>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              数字3
            </td>
            <td>
              <input type="text" name="B1_3" value="9.7" oldval="9.7" />
            </td>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              数字4
            </td>
            <td>
              <input type="text" name="B1_4" value="9.7" oldval="9.7" />
            </td>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              数字5
            </td>
            <td>
              <input type="text" name="B1_5" value="9.7" oldval="9.7" />
            </td>
          </tr>
          <tr>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              数字6
            </td>
            <td>
              <input type="text" name="B1_6" value="9.7" oldval="9.7" />
            </td>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              数字7
            </td>
            <td>
              <input type="text" name="B1_7" value="9.7" oldval="9.7" />
            </td>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              数字8
            </td>
            <td>
              <input type="text" name="B1_8" value="9.7" oldval="9.7" />
            </td>
          </tr>
          <tr>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              数字9
            </td>
            <td colspan="5">
              <input type="text" name="B1_9" value="9.7" oldval="9.7" />
            </td>
          </tr>
          <tr>
            <td colspan="6">
              <span style="color:#0FE836"> 1-5球大小单双 </span>
              <span>(赔率格式为数字)</span>
            </td>
          </tr>
          <tr>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              大
            </td>
            <td>
              <input type="text" name="DX1_D" value="9.7" oldval="9.7" />
            </td>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              小
            </td>
            <td>
              <input type="text" name="DX1_X" value="9.7" oldval="9.7" />
            </td>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              单
            </td>
            <td>
              <input type="text" name="DS1_D" value="9.7" oldval="9.7" />
            </td>
          </tr>
          <tr>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              双
            </td>
            <td colspan="5">
              <input type="text" name="DS1_S" value="9.7" oldval="9.7" />
            </td>
          </tr>
          <tr>
            <td colspan="6">
              <span style="color:#0FE836"> 总和大小单双 </span>
              <span>(赔率格式为数字)</span>
            </td>
          </tr>
          <tr>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              总和大
            </td>
            <td>
              <input type="text" name="DX1_D" value="9.7" oldval="9.7" />
            </td>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              总和小
            </td>
            <td>
              <input type="text" name="DX1_X" value="9.7" oldval="9.7" />
            </td>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              总和单
            </td>
            <td>
              <input type="text" name="DS1_D" value="9.7" oldval="9.7" />
            </td>
          </tr>
          <tr>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              总和双
            </td>
            <td colspan="5">
              <input type="text" name="DS1_S" value="9.7" oldval="9.7" />
            </td>
          </tr>
          <tr>
            <td colspan="6">
              <span style="color:#0FE836"> 龙虎和 </span>
              <span>(赔率格式为数字)</span>
            </td>
          </tr>
          <tr>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              龙
            </td>
            <td>
              <input type="text" name="DX1_D" value="9.7" oldval="9.7" />
            </td>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              虎
            </td>
            <td>
              <input type="text" name="DX1_X" value="9.7" oldval="9.7" />
            </td>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              和
            </td>
            <td>
              <input type="text" name="DS1_D" value="9.7" oldval="9.7" />
            </td>
          </tr>

          <tr>
            <td colspan="6">
              <span style="color:#0FE836">前三/中三/后三</span>
              <span>(赔率格式为数字)</span>
            </td>
          </tr>
          <tr>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              豹子
            </td>
            <td>
              <input type="text" name="DX1_D" value="9.7" oldval="9.7" />
            </td>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              虎
            </td>
            <td>
              <input type="text" name="DX1_X" value="9.7" oldval="9.7" />
            </td>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              和
            </td>
            <td>
              <input type="text" name="DS1_D" value="9.7" oldval="9.7" />
            </td>
          </tr>
          <tr>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              豹子
            </td>
            <td>
              <input type="text" name="DX1_D" value="9.7" oldval="9.7" />
            </td>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              虎
            </td>
            <td>
              <input type="text" name="DX1_X" value="9.7" oldval="9.7" />
            </td>
            <td
              style="width:12%;text-align:center;line-height:30px"
              class="tableleft"
            >
              和
            </td>
          </tr>
          <tr>
            <td colspan="6">
              <a
                href="javascript:void(0);"
                class="btn btn-info btn-opp saveOddsBtn"
                >保存</a
              >
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
.common {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #333;
  width: 96%;
  margin: auto;
  border: 1px solid #ddd;
  border-collapse: separate;
  border-left: 0;
}
.common td,
.common th {
  padding-top: 8px;
  padding-bottom: 4px;
  line-height: 20px;
  border-left: 1px solid #ddd;
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.common tbody tr:hover > td,
.common tbody tr:hover > th {
  background-color: #f5f5f5;
}
.common tbody:first-child tr:first-child td {
  border-top: 0;
}
.tableleft {
  text-align: right;
  padding-left: 5px;
  background-color: #f5f5f5;
}
.btn-info {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 1px 2px rgba(0, 0, 0, 0.05);
}
.odds a {
  text-decoration: none;
}
.btn-info:hover,
.btn-info:focus {
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  color: #fff;
  background-color: #2f96b4;
}
.btn-opp:hover,
.btn-opp:focus {
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  color: #fff;
  background-color: #04c;
}

.saveOddsBtn {
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.saveOddsBtn:hover {
  color: #fff;
  background-color: #04c;
}
.wrap2 {
  margin-top: 10px;
}
</style>
